<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>语句</title>
</head>
<body>

</body>
<script>
    /*
    * 三大流程控制语句:
    *   顺序语句————从上往下执行的语句叫做顺序语句
    *   分支语句————有的时候根据选择条件选择执行代码，这种就叫分支结构
    *   循环语句————某段代码被重复执行，就叫循环结构
    * */

    /*
    * 三元运算符:
    *   条件 ？ 满足条件执行的代码 ：不满足条件执行的代码
    *   3 < 5 ? '真的' : '假的'
    * */
    // 实例：比较两个数种最大的那个并输出出来
    console.log(3 < 5 ? '真的' : '假的')
    // let num1 = +prompt('请输入第一个数')
    // let num2 = +prompt('请输入第二个数')
    // console.log(num1 > num2 ? num1 : num2)
    // 实例：用户输入1个数，如果数字小于10，则前面进行补0，比如09、03等
    // 分析：为后期页面显示时间做铺垫、利用三元运算符补0计算
    // let num = +prompt('请输入一个数字：')
    // console.log(num < 10 ? '0' + num : '' + num )
    /*
    * string -> int
    *   Number(str)
    *   +str
    *   parseInt(str)————一刀切出字符串中的第一个整数————要求字符串第一个必须是数字，不能是其他的东西
    *   parseFloat(str)————一刀切出字符串中的第一个浮点数————同上
    *
    * int -> string
    *   num.toString()
    *   '' + num
    *
    * */

    /*
    * switch语句
    *   switch必须加break，不然会一直执行
    * */
    var a = +prompt("请输入数字")
    switch (a) {
        case 1:
            console.log("我是1")
            break
        case 2:
            console.log("我是2")
            break
        case 3:
            console.log("我是3")
            break
        default:
            console.log("我都不是")
            break
    }

    /*
    * while语句
    *   变量起始值
    *   终止条件（没有终止条件，循环会一直执行，造成死循环）
    *   变量变化量（自增或者自减）
    * */
    let i = 1
    while (i <= 3) {
        document.write('我要循环3次 <br>')
        i++
    }
    /*
    * 循环退出
    *   目标: 能说出continue和break的区别
    *   循环结束:
    *       break: 退出循环
    *       continue: 结束本次循环，继续下次循环
    * */

    while (true) {
        let str = '爱'
        if (str === '爱') {
            break
        } else {
            continue
        }
    }

    /*
    * for循环
    *   for(变量起始值 ; 变量终止条件 ; 变量变化量) {
    *       // 循环体
    *   }
    * */
    for (let j = 0; j < 18; j++) {
        document.write(`我用for循环开始了${j}次<br>`)
    }
    let fourKing = ['刘德华' , '郭富城' , '黎明' , '张学友']
    for (let j = 0; j < fourKing.length; j++) {
        console.log(fourKing[j] + ' ')
    }

</script>
</html>